<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$hd.config.WEBNAME}</title>
    <css file="__STATIC__/hdjs/hdjs.css"/>
    <css file="__TEMPLATE__/css/common.css"/>
    <css file="__TEMPLATE__/css/download.css"/>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="__STATIC__/bootstrap/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="__STATIC__/bootstrap/css/bootstrap-theme.min.css">
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <css file="__TEMPLATE__/css/ie.css"/>
    <![endif]-->
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="__STATIC__/jquery-1.11.1.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="__STATIC__/bootstrap/js/bootstrap.min.js"></script>

</head>
<body>
<include file="__TEMPLATE__/block/header.html"/>
<div id="soft">
    <div class="container">
        <div class="row">
            <div class="col-md-12" id="hd-soft">
                <a href="javascript:;" class="d-link active">HDPHP</a>
                <a href="javascript:;" class="d-link">hdcms</a>
                <a href="javascript:;" class="d-link">HDJS</a>
            </div>
        </div>
    </div>
</div>
<div id="download">
    <div class="soft-box active">
        <div class="container">
            <div class="row">
                <div class="col-md-6 l-col">
                    <a href="http://www.hdphp.com/soft/hdphp.zip" class="down-ico"></a>
                    <a href="http://www.hdphp.com/soft/hdphp.zip">HDPHP下载</a>

                    <p>
                        大小: 200KB 日期: 2014-12-21
                    </p>
                </div>
                <div class="col-md-6">
                    <a href="http://www.hdphp.com/soft/HDPHP.pdf" class="down-doc"></a>
                    <a href="http://www.hdphp.com/soft/HDPHP.pdf">手册下载</a>

                    <p>
                        日期: 2014-12-18
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="soft-box">
        <div class="container">
            <div class="row">
                <div class="col-md-6 l-col">
                    <a href="http://www.hdphp.com/soft/hdcms.zip" class="down-ico"></a>
                    <a href="http://www.hdphp.com/soft/hdcms.zip">HDCMS下载</a>

                    <p>
                        大小: 6MB 日期: 2014-12-21
                    </p>
                </div>
                <div class="col-md-6">
                    <a href="http://www.hdphp.com/soft/HDCMS.pdf" class="down-doc"></a>
                    <a href="http://www.hdphp.com/soft/HDCMS.pdf">手册下载</a>

                    <p>
                        日期: 2014-12-19
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="soft-box">
        <div class="container">
            <div class="row">
                <div class="col-md-6 l-col">
                    <a href="http://www.hdphp.com/soft/hdjs.zip" class="down-ico"></a>
                    <a href="http://www.hdphp.com/soft/hdjs.zip">HDJS下载</a>

                    <p>
                        大小: 6KB 日期: 2014-12-18
                    </p>
                </div>
                <div class="col-md-6">
                    <a href="http://hdjs.oschina.mopaas.com/" class="down-doc" target="_blank"></a>
                    <a href="http://hdjs.oschina.mopaas.com/" target="_blank">在线手册</a>

                    <p>
                        日期: 2014-12-18
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>


<include file="__TEMPLATE__/block/footer.html"/>
<script>
    function _height() {
        var h = $("#header").outerHeight() * 1 + $('#soft').outerHeight() * 1 + $("#footer").outerHeight() * 1;
        h = $(window).height() - h - 40;
        $("#download").height(h);
    }
    $(function () {
        $(window).resize(_height);
        _height();
    })
    //下载链接
    $("#hd-soft a").click(function () {
        $("#hd-soft a").removeClass('active');
        $(this).addClass('active');
        var index = $(this).index();
        $(".soft-box").hide();
        $(".soft-box").eq(index).show();
    })
</script>
</body>
</html>